<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <title>ar-social2</title>
  <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1.0,user-scalable=0">
  <!--width    viewport的宽度（width=device-width意思是：宽度等于设备宽度）
      height   viewport的高度（height=device-height意思是：高度等于设备宽度）
      initial-scale  初始的缩放比例
      minimum-scale  允许用户缩放到的最小比例
      maximum-scale  允许用户缩放到的最大比例
      user-scalable  用户是否可以手动缩放-->
  <meta name="format-detection" content="telephone=no" />
  <!--一般情况下，IOS和Android系统都会默认某长度内的数字为电话号码，即使不加也是会默认显示为电话的，so，取消这个很有必要-->
  <meta name="apple-mobile-web-app-capable" content="yes" />
  <!--iphone设备中的safari私有meta标签，它表示：允许全屏模式浏览，隐藏浏览器导航栏-->
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <!--它指定的iphone中safari顶端的状态条的样式-->
  <title>ar-social</title>

  <!--引入图标和字体，Muse-UI 使用了 material design 的字体和图标，需要在网页中引入。-->
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic">
  <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">

</head>

<body>
  <div id="app"></div>
  <!-- built files will be auto injected -->

  <!-- 腾讯移动数据分析 -->
  <script>
    var _mtac = {};
    (function () {
      var mta = document.createElement("script");
      mta.src = "http://pingjs.qq.com/h5/stats.js?v2.0.2";
      mta.setAttribute("name", "MTAH5");
      mta.setAttribute("sid", "500442539");
      var s = document.getElementsByTagName("script")[0];
      s.parentNode.insertBefore(mta, s);
    })();
  </script>
  <!-- 腾讯移动数据分析 -->
</body>

</html>
